<template>
  <div class="backend">
    <el-row class="tac">
      <el-col :span="4">
        <el-menu default-active="2" class="el-menu-vertical-demo">
          <router-link to="/backend"><el-menu-item index="2">文献管理</el-menu-item></router-link>
          <router-link to="/literature"><el-menu-item index="3">专题管理</el-menu-item></router-link>
          <router-link to="/theme"><el-menu-item index="4">主题词管理</el-menu-item></router-link>
          <router-link to="/lore"><el-menu-item index="5">知识构建</el-menu-item></router-link>
          <router-link to="/user"><el-menu-item index="6">用户管理</el-menu-item></router-link>
        </el-menu>
      </el-col>
      <el-col :span="20">
        <router-view></router-view>
      </el-col>
    </el-row>
  </div>
</template>
<script>

</script>

<style>
  .backend{
    width:80%;
    margin:auto;
    margin-top: 20px;
  }
  .backend .el-menu-item{
    background-color: #c1a367;
    margin-top: 10px;
    color: white;
  }
  .backend .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active, .el-menu-item.is-active{
    color: #000;
    background-color: #dfbd7a;
  }
  .backend a{
    text-decoration: none;
    color: white;
  }
  .backend .find{
    text-align: left;
    margin-left: 10px;
    padding-bottom: 10px;
    width:60%;
    overflow: auto;
  }
  .backend .find .el-input{
    width:40%;
    float: left !important;
  }
  .backend .find .el-button{
    float: left;
    margin-left: 10px;
    margin-top: 5px;
  }
</style>
